<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<title>铁水联运信息核查系统--关联货票单</title>
	<link rel="shortcut icon" href="${mainDomain}/statics/images/favicon.ico">
    <link rel="stylesheet" href="${mainDomain}/statics/css/front/amazeui.min.css"/>
  	<link rel="stylesheet" href="${mainDomain}/statics/css/front/admin.css">
    <link rel="stylesheet" media="screen" href="${mainDomain}/statics/css/front/bootstrap.min.css" >
    <link rel="stylesheet" media="screen" href="${mainDomain}/statics/css/front/bootstrap-datetimepicker.min.css" >
    <link rel="stylesheet" href="${mainDomain}/statics/css/front/amazeui.datatables.css" />
    <link rel="stylesheet" href="${mainDomain}/statics/css/front/jquery.autocomplete.css" />
    <script type="text/javascript">
        var mainDomain = "${mainDomain}";
		var miscDomain = '${mainDomain}';
    </script>
</head>
<body>
<#include "common/memberheader.ftl" />
<div class="am-cf admin-main">
	<#include "common/memberleft.ftl" />
	<!-- content start -->
<div class="admin-content">
    <div class="admin-content-body">
        <div class="am-cf am-padding am-padding-bottom-0">
            <div class="am-fl am-cf">
                <strong class="am-text-primary am-text-lg">关联货运单</strong>
            </div>
        </div>
 
        <hr>

		<div>
			<div class="am-u-sm-9">
		        <form id="my-form" class="am-form" action="javascript:;" method="post" data-am-validator>
					<div class="am-g">
		                <div class="am-u-sm-4 am-u-md-2 am-text-right">
		                    货票号
		                </div>
		                <div class="am-u-sm-8 am-u-md-4 am-form-group am-u-end">
		                	<input type="text" id="hph" name="hph"/>
		                </div>
		            </div>
		            
		            <div class="am-g am-margin-top" id="hydfj">
		                <div class="am-u-sm-4 am-u-md-2 am-text-right">
		                   上传货票单
		                </div>
		                <div class="am-u-sm-8 am-u-md-4 am-form-group">
		                    <div id="showuplaod" class="am-g">	
				                <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
				                    <div class="am-form-file" style="width:105px">
									  <button type="button" class="am-btn am-btn-danger am-btn-sm">
										<i class="am-icon-cloud-upload"></i> 选择文件</button>
									  <input id="hpdfile" name="hpdfile" type="file">
									</div>
				                </div>
								<div id="hpdfile-list"></div>
							</div>
		                </div>
		                <div class="am-u-sm-12 am-u-md-6 am-text-danger" id="hyd_tips">＊ 必填</div>
		            </div>
		
		            <div class="am-margin">
		                <button type="submit" id="saveButton" class="am-btn am-btn-primary am-btn-xs">提交保存</button>
		            </div>
		        </form>
			</div>
	        <div class="am-u-sm-3">
	        	<div id="list"><img src="" style="width:100%;height:200px"></div>
	        </div>
		</div>
    </div>
    
    <div class="am-g">
		<div class="am-u-sm-12">
			<table id="my-table" class="am-table am-table-striped am-table-hover table-main" width="100%">
				<thead>
					<tr>
						<th class="table-title">序号</th>
						<th class="table-title">货票号</th>
					    <th class="table-title">货运单附件</th>
					    <th class="table-title">创建时间</th>
					    <th class="table-title">更新时间</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
</div>
<!-- content end -->

</div>
</div>
<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
   data-am-offcanvas="{target: '#admin-offcanvas'}"></a>
<#include "common/memberfooter.ftl" />
</div>
	<script src="${mainDomain}/statics/js/front/jquery.min.js"></script>
	<script type="text/javascript" src="${mainDomain}/statics/js/front/amazeui.min.js"></script>
	<script src="${mainDomain}/statics/js/front/app.js"></script>
	<script src="${mainDomain}/statics/js/front/amazeui.datatables.min.js"></script>
	<script type="text/javascript" src="${mainDomain}/statics/js/front/ajaxfileupload.js"></script>
	<script>
	$('#my-form').validator(
    {
        submit: function() {
        	if(this.isFormValid()){
        		savedata();
        	}
        }
    })
	</script>
	<script type="text/javascript" src="${mainDomain}/statics/js/front/btsb/jzxtlgl.js" charset="UTF-8"></script>
	<script type="text/javascript" src="${mainDomain}/statics/js/front/btsb/jquery.autocomplete.js" charset="UTF-8"></script>
</body>
</html>
